<template>
	<!-- 编辑资料 -->
	<view class="editData">
		<view class="edit-list">
			<view class="edit-item" @click="toUrl('轮播图')">
				<view class="con-box">
					<text class="item-title">轮播图</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('公司介绍')">
				<view class="con-box">
					<text class="item-title">公司介绍</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('产品展示')">
				<view class="con-box">
					<text class="item-title">产品展示</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('客户案例')">
				<view class="con-box">
					<text class="item-title">客户案例</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('公司新闻')">
				<view class="con-box">
					<text class="item-title">公司新闻</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('关于我们')">
				<view class="con-box">
					<text class="item-title">关于我们</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('选择我们的理由')">
				<view class="con-box">
					<text class="item-title">选择我们的理由</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
			<view class="edit-item" @click="toUrl('品质保证')">
				<view class="con-box">
					<text class="item-title">品牌资质(品质保证)</text>
					<view class="item-info">
						<u-icon name="arrow-right" color="#808080" size="10"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<my-auth-modal></my-auth-modal>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				
			}
		},
		methods:{
			toUrl(name){
				let url = ''
				switch (name){
					case '轮播图':
						url = '/pages/meSub/editData/editComMore/editSwiper'
					break;
					case '公司介绍':
						url = '/pages/meSub/editData/editComMore/editIntro'
					break;
					case '产品展示':
						url = '/pages/meSub/editData/editComMore/editPro'
					break;
					case '品质保证':
						url = '/pages/meSub/editData/editComMore/editQualification'
					break;
					case '选择我们的理由':
						url = '/pages/meSub/editData/editComMore/editReason'
					break;
					case '客户案例':
						url = '/pages/meSub/editData/editComMore/editCase'
					break;
					case '公司新闻':
						url = '/pages/meSub/editData/editComMore/editNews'
					break;
					case '关于我们':
						url = '/pages/meSub/editData/editComMore/editUs'
					break;
				}
				if(url){
					uni.navigateTo({
						url:url
					})
				}
			}
		}
	}
</script>

<style>
	.edit-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 20rpx;
	}

	.edit-item {
		border-bottom: 1rpx solid #f0f0f0;
		width: 686rpx;
		border-radius: 32rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(1, 54, 138, 0.1);
		margin-bottom: 20rpx;
	}

	.con-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 22rpx 0 32rpx;
	}

	.item-title {
		line-height: 100rpx;
	}

	.head-img {
		width: 80rpx;
		height: 80rpx;
		border-radius: 40rpx;
	}

	.item-info {
		display: flex;
		align-items: center;
	}

	.item-title {
		font-size: 30rpx;
		color: #2c3e50;
	}

	.editData {
		background-color: #ffffff;
	}
</style>
